<script setup lang="ts">
import request from './utils/http';
import { ref, onMounted } from 'vue';

const msg = ref('');
const getDemoDate = async () => {
  const res = await request({
    url: '/home/index',
  });
  console.log(res);
  msg.value = res.msg;
  console.log(msg.value);
};

onMounted(() => {
  getDemoDate();
});
</script>

<template>
  <!-- <ul>
    <li>
      <RouterLink to="/">布局容器</RouterLink>
    </li>
    <li>
      <RouterLink to="/login">登录页</RouterLink>
    </li>
  </ul> -->
  <RouterView />
</template>

<!-- <template>
  <h1>Vue3+TS+VueRouter4+Pinia-新版小兔鲜儿 {{ msg }}</h1>
  <div>
    <p>哈哈哈</p>
    <ul>
      <li>123</li>
      <li>456</li>
    </ul>
    <h1>这是大标题</h1>
  </div>
</template> -->

<style lang="less">
// 必须导入 variables.less
// @import '@/assets/styles/variables.less';
// @import '@/assets/styles/mixins.less';

h1 {
  background-color: @warnColor;
  .hoverShadow();
}
</style>
